
*{
    margin:0; 
    padding:0; 
    outline: none;
    font-size: 14px; 
    font-family:  "Microsoft YaHei", sans-serif; 
}

html,body{ background: #fff;}

table{border-collapse:collapse; border-spacing:0; display: table; width: 100%;}
em,font,i,address{font-style:normal; }
img{ display:block; border:0; height: auto; object-fit: cover;}
li{list-style:none;}
form,legend{ border:0;}
a{  color:#666;  text-decoration:none;  cursor:pointer; touch-action:none;}
.cf:before , .cf:after{content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}



div,span,p{display: block;}
input ,select , textarea{ display: block; width:100%; height:40px; line-height:40px; position: relative; z-index: 1;}
/*.button是wx-button内置组件用到的class*/
button , .button{ display: block;  height:40px; line-height: 40px; text-align: center; background:#1dc2fa; color:#fff; border-radius: 5px; margin:0 10px; }
button.cancel{ background: #adadad;  }
input[role="radio"]{ width:auto; }
.wx-picker{ height:40px; display: block; width:100%; padding:0 10px; line-height: 40px;  position: relative; color:#666; text-align: left;}
.wx-picker::after{font: normal normal normal 20px/1 FontAwesome !important; position: absolute; right:10px; top:10px; content:"\f105"; color:#ccc;}

canvas ,.wx-comp-ec-canvas {
	display: block;
    width: 100%;
    height: 300px;
}

.d-container {
  	position: relative; 
  	z-index: 1;
}
.d-header{ position: fixed; left:0;top:0; right:0; z-index: 2; overflow: hidden; background: #fff;}
.d-header .d-tabBar{}
.d-header .d-nav{ height:44px;  overflow: hidden; }
.d-header .d-nav h1{ padding:0 15px;}
.d-header .d-nav h1 .fa{ margin-right:10px; position: relative; top:3px; font-size:24px !important; color:#333; width:20px; text-align: center; }
.d-header .d-nav h1 em{ font-size:14px; color:#333; display: inline-block; line-height: 44px;}

.d-header-Empty{ background: #fff; }
.d-header-Empty .d-nav{background:#fff; }
.d-header-Empty .d-nav h1{ display: none; }

.d-header-myIndex{ background: #1dc2fa; }
.d-header-myIndex .d-nav{background:#1dc2fa; }
.d-header-myIndex .d-nav h1{ display: none; }

.d-header-Hidden,
.d-header-doctorBind
{ display: none; }

.d-menuLayer{ position: fixed; z-index: 9; bottom:0px; left:0px; right:0px; padding:5px 0; display: flex; border-top:solid #eee 1px; background: #fff; }
.d-menuLayer span{ display: block; width:33.33%; text-align: center; }
.d-menuLayer span .fa{ font-size:16px !important; }
.d-menuLayer span em{ display: block; font-size:12px; }
.d-menuLayer span.a-hover{}
.d-menuLayer span.a-hover .fa{color:#1dc2fa;}
.d-menuLayer span.a-hover em{color:#1dc2fa;}

.d-routerView{ position: relative; min-height: 100%; z-index: 1; }



.d-form { position: relative; background: #fff; }
.d-form .d-item{ position: relative; padding:0 10px;  display: flex; border-bottom:solid #eee 1px;}
.d-form .d-item label{ display: block; height:40px; line-height:40px; white-space: nowrap; width:80px; text-align: right;}
.d-form .d-item input{  margin-left:10px;}
.d-form .d-item textarea{ margin-left:10px; min-height: 200px; line-height: 30px; font-size:14px; padding:5px 0; }
.d-form .d-item a.yzm{ position: absolute; display: block; right:10px; height:30px; line-height:30px; top:5px; padding: 0 10px; text-align: center; z-index: 2; background: #ccc; color:#fff; border-radius: 5px; }
.d-form .d-item a.tys{ display: block; font-size:12px; position: relative; padding-left:20px;}
.d-form .d-item a.tys::before{ font: normal normal normal 18px/1 FontAwesome !important; position: absolute; left:0px; top:50%; transform: translateY(-50%); content:"\f096"; color:#ccc; }
.d-form .d-item a.tys-hover{}
.d-form .d-item a.tys-hover::before{content :"\f046"; color:#1dc2fa;}


.d-form .d-item span{  width:100%; text-align: center;}
.d-form .d-item span a.a-sex{ display: inline-block;  margin:0 20px; position: relative; padding-left:25px; line-height: 40px;}
.d-form .d-item span a.a-sex::before{content:''; display: inline-block; width:15px; height:15px; border-radius: 100%; border:solid #ccc 1px; background: #fff; position: absolute; left:0px; top:50%; transform: translateY(-50%);}
.d-form .d-item span a.a-sex-hover{}
.d-form .d-item span a.a-sex-hover::before{ background: rgba(87,189,106);}







